<template>
  <div>
    <div class="replen-logo">
      <img src="../../assets/logo.png" class="replen-headerImg" alt>
    </div>
    <div style="background: rgba(255, 255, 255, 1);">
      <div class="replen-Hotel" @click="onData"  style=" margin-top: 1.75vh;">
        <img src="../../assets/shuju.png" class="replen-leftImg" alt>
        <div style="display:flex;align-items:center;">
          <p class="replen-p">数据罗盘</p>
          <img src="../../assets/youjiantou.png" class="replen-right" alt>
        </div>
      </div>
      <div class="replen-line"></div>
      <div class="replen-Hotel" @click="onMywallet">
        <img src="../../assets/qianbao.png" class="replen-leftImg" alt>
        <div style="display:flex;align-items:center;">
          <p class="replen-p">电子钱包</p>
          <img src="../../assets/youjiantou.png" class="replen-right" alt>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// 加盟商酒店管理入口
export default {
  name: 'HotelAlliance',
  methods: {
    onData () {
      this.$router.push({ name: 'Hotelfranchisedetails' })
    },
    onMywallet () {
      this.$router.push({ name: 'Mywallet' })
    }
  },
  created: () => {
    document.title = '酒店'
  }
}
</script>

<style lang='scss' scoped>

.replen-logo {
  width: 100vw;
  height: 44.8vw;
  display: flex;
  justify-content: center;
  background: rgba(29, 25, 48, 1);
  margin-bottom: 4vw;
}
.replen-headerImg {
  margin-top: 17.2vw;
  width: 33.2vw;
  margin-bottom: 2.2vh;
}
.replen-Hotel {
  width: 100vw;
  height: 14.6vw;
  background: rgba(255, 255, 255, 1);
  display: flex;
  padding-left: 3.4vw;
  align-items: center;
}
.replen-leftImg {
  width: 6.6vw;
  height: 6.6vw;
  border-radius: 50%;
}
.replen-right {
  width: 2.4vw;
  height: 4.2vw;
  margin-left: 63.2vw;
}
.replen-p {
  font-size: 4.5vw;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: rgba(22, 22, 22, 1);
  margin-left: 2.6vw;
}
.replen-line {
  float: right;
  width: 96vw;
  height: 1px;
  border-bottom: 1px solid rgba(238, 238, 238, 1);
}
</style>
